<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery-1.8.0.js"></script>
	<title>服务项目</title>
</head>
<body>
	 <div class="wrap">
        <div class="main" id="home">
        	<!-- 新闻中心页头 -->
        	<div id="header">
        		<div class="header_top">
        			<div class="common_width clearfix">
        				<p class="header_title">您好，欢迎您来到安徽智慧乐生活家政管理有限公司！ 您身边的家政服务专家！</p>
        				<div class="loginbar"><a href="#">登录</a>  |  <a href="#">注册</a>  |  我的预约</div>
        			</div>
        		</div>
        		<div class="nav common_width clearfix">
        			<img src="imgs/logo.gif" alt="智慧乐" class="logo_img">
        			<div class="nav_title">
        				<ul class="clearfix">
	        				<li><a href="">首页</a></li>
	        				<li><a href="">新闻中心</a></li>
	        				<li><a href="">服务项目</a></li>
	        				<li><a href="">积分商城</a></li>
	        				<li><a href="">培训学院</a></li>
	        				<li><a href="">招商加盟</a></li>
	        				<li><a href="">联系我们</a></li>
        				</ul>
        			</div>
        			<div class="pre_order">
        				<a href="">立即下单</a><a href="">快速预约</a>
        			</div>
        		</div>
        	</div>
			<div class="new_bg">
				<img src="imgs/new_bg.gif" alt="">
			</div>
        	<div class="hr_10"></div>
			<div class="service_nav common_width">
				<ul class="clearfix">
					<li><a href="">最新优惠</a></li>
					<li><a href="">家庭服务</a></li>
					<li><a href="">家政套餐</a></li>
					<li><a href="">家政师</a></li>
					<li><a href="">居家顾问</a></li>
				</ul>
			</div>
			<div class="common_width clearfix" id="news">
				<div class="new_l">
					<h2>居家顾问</h2>
					<ul>
						<li><a href="" class="new_l_active">新闻动态</a></li>
						<li><a href="" class="aa">行业资讯</a></li>
						<li><a href="" class="aa">媒体报道</a></li>
						<li><a href="" class="aa">公益活动</a></li>
					</ul>
				</div>
				<div class="new_r" id="service">
					<div class="new_title"><h3>快速筛选</h3></div>
					<div class="service_service clearfix">
						<div class="screen">
							<h3 class="screen_title">人脉资源：</h3>
							<dl class="limit_item clearfix">
								<dt class="limit contacts"><a href="" class="limit_active">不限</a></dt>
								<dd class="limit_list">
									<ul class="clearfix">
										<li class="contacts"><a href="javascript:void(0)">月嫂</a></li>
										<li class="contacts"><a href="javascript:void(0)">育婴师</a></li>
										<li class="contacts"><a href="javascript:void(0)">催乳师</a></li>
										<li class="contacts"><a href="javascript:void(0)">早教师</a></li>
										<li class="contacts"><a href="javascript:void(0)">养老陪护</a></li>
										<li class="contacts"><a href="javascript:void(0)">居家保姆</a></li>
										<li class="contacts"><a href="javascript:void(0)">非居家保姆</a></li>
										<li class="contacts"><a href="javascript:void(0)">家庭保洁</a></li>
										<li class="contacts"><a href="javascript:void(0)">家具保养</a></li>
										<li class="contacts"><a href="javascript:void(0)">家电清洗</a></li>
									</ul>
								</dd>
							</dl>
						</div>
						<div class="screen">
							<h3 class="screen_title">工作经验：</h3>
							<dl class="limit_item clearfix">
								<dt class="limit exp"><a href="" class="limit_active">不限</a></dt>
								<dd class="limit_list">
									<ul class="clearfix">
										<li class="exp"><a href="javascript:void(0)">月嫂</a></li>
										<li class="exp"><a href="javascript:void(0)">育婴师</a></li>
										<li class="exp"><a href="javascript:void(0)">催乳师</a></li>
										<li class="exp"><a href="javascript:void(0)">早教师</a></li>
										<li class="exp"><a href="javascript:void(0)">养老陪护</a></li>
										<li class="exp"><a href="javascript:void(0)">居家保姆</a></li>
										<li class="exp"><a href="javascript:void(0)">非居家保姆</a></li>
										<li class="exp"><a href="javascript:void(0)">家庭保洁</a></li>
										<li class="exp"><a href="javascript:void(0)">家具保养</a></li>
										<li class="exp"><a href="javascript:void(0)">家电清洗</a></li>
									</ul>
								</dd>
							</dl>
						</div>
						<div  class="screen_txt">
							<ul class="clearfix">
								<li class="default"><a href="javascript:void(0)" class="limit_active">按默认</a></li>
								<li class="default"><a href="javascript:void(0)">按信用等级</a></li>
								<li class="default"><a href="javascript:void(0)">按人气</a></li>
							</ul>
						</div>
					</div>
					<div class="hr_20"></div>
					<div class="ser_content clearfix">
						<div class="ser_item">
							<div class="service_img">
								<img src="imgs/pic1.png" alt="">
								<span class="service_txt">林俊杰</span>
							</div>
							<p>本人善于思考，吃苦耐劳，有良好的沟通能力，善于与他人相处，现持有国家人社部颁发的高级家政经纪人资格证和...</p>
							<div class="service_href clearfix">
								<span>收藏 12</span><a href="" class="service_details">查看详情</a>
							</div>
						</div>
						<div class="ser_item">
							<div class="service_img">
								<img src="imgs/pic1.png" alt="">
								<span class="service_txt">林俊杰</span>
							</div>
							<p>本人善于思考，吃苦耐劳，有良好的沟通能力，善于与他人相处，现持有国家人社部颁发的高级家政经纪人资格证和...</p>
							<div class="service_href clearfix">
								<span>收藏 12</span><a href="" class="service_details">查看详情</a>
							</div>
						</div>
						<div class="ser_item">
							<div class="service_img">
								<img src="imgs/pic1.png" alt="">
								<span class="service_txt">林俊杰</span>
							</div>
							<p>本人善于思考，吃苦耐劳，有良好的沟通能力，善于与他人相处，现持有国家人社部颁发的高级家政经纪人资格证和...</p>
							<div class="service_href clearfix">
								<span>收藏 12</span><a href="" class="service_details">查看详情</a>
							</div>
						</div>
						<div class="ser_item">
							<div class="service_img">
								<img src="imgs/pic1.png" alt="">
								<span class="service_txt">林俊杰</span>
							</div>
							<p>本人善于思考，吃苦耐劳，有良好的沟通能力，善于与他人相处，现持有国家人社部颁发的高级家政经纪人资格证和...</p>
							<div class="service_href clearfix">
								<span>收藏 12</span><a href="" class="service_details">查看详情</a>
							</div>
						</div>
						<div class="ser_item">
							<div class="service_img">
								<img src="imgs/pic1.png" alt="">
								<span class="service_txt">林俊杰</span>
							</div>
							<p>本人善于思考，吃苦耐劳，有良好的沟通能力，善于与他人相处，现持有国家人社部颁发的高级家政经纪人资格证和...</p>
							<div class="service_href clearfix">
								<span>收藏 12</span><a href="" class="service_details">查看详情</a>
							</div>
						</div>
						<div class="ser_item">
							<div class="service_img">
								<img src="imgs/pic1.png" alt="">
								<span class="service_txt">林俊杰</span>
							</div>
							<p>本人善于思考，吃苦耐劳，有良好的沟通能力，善于与他人相处，现持有国家人社部颁发的高级家政经纪人资格证和...</p>
							<div class="service_href clearfix">
								<span>收藏 12</span><a href="" class="service_details">查看详情</a>
							</div>
						</div>
					</div>
					<div class="new_more"><a href="">查看更多</a></div>
				</div>
			</div>
			
        </div> 
        <div class="hr_76"></div>
    </div>
    <div id="footer">
    	<div class="common_width footer">
    		<div class="hr_23"></div>
    		<form action="" class="footer_nav">
    			<table border="0">
					<tr>
						<th>家庭服务</th>
						<th>家政师</th>
						<th>培训学院</th>
						<th>个人中心</th>
						<th>加入我们</th>
					</tr>
					<tr>
						<td><a href="">家庭保洁</a></td>
						<td><a href="">月嫂</a></td>
						<td><a href="">学院简介</a></td>
						<td><a href="">我的订单</a></td>
						<td><a href="">招商加盟</a></td>
					</tr>
					<tr>
						<td><a href="">家居保养</a></td>
						<td><a href="">育婴师</a></td>
						<td><a href="">培训课程</a></td>
						<td><a href="">我的积分</a></td>
						<td><a href="">培训课程</a></td>
					</tr>
					<tr>
						<td><a href="">家电清洗</a></td>
						<td><a href="">催乳师</a></td>
						<td><a href="">学院相册</a></td>
						<td><a href="">家政预约</a></td>
						<td><a href="">服务方式</a></td>
					</tr>
					<tr>
						<td><a href="">家居洗涤</a></td>
						<td><a href="">早教师</a></td>
						<td><a href="">学院相册</a></td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td><a href="">养老陪护</a></td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td><a href="">居家保姆</a></td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
				</table>
    		</form>
    		<div class="qr_code">
    			<img src="imgs/qr_code.gif" alt="">
    			<p>扫一扫</p>
    		</div>
    	</div>
    </div>

<script>
// 快速筛选
$(function() {
	// 人脉资源
	$('.contacts').each(function(e){
		$(this).click(function() {
			$('.contacts a').removeClass('limit_active');
			$('.contacts a').eq(e).addClass('limit_active');
			return false;
		});
	});

	// 工作经验
	$('.exp').each(function(e){
		$(this).click(function() {
			$('.exp a').removeClass('limit_active');
			$('.exp a').eq(e).addClass('limit_active');
			return false;
		});
	});

	// 按默认
	$('.default').each(function(e){
		$(this).click(function() {
			$('.default').children('a').removeClass('limit_active');
			$('.default').children('a').eq(e).addClass('limit_active');
			return false;
		});
	});

	// 侧导航
	$('.new_l li').click(function() {
		$(this).children('a').addClass('new_l_active').removeClass('aa');
		$(this).siblings('.new_l li').children('a').addClass('aa').removeClass('new_l_active');
		return false;
	});
})
</script>
</body>
</html>